<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*  内嵌式  */
        #inner {
            background: red;
        }
    </style>
    <!-- 外链式 -->
     <link rel="stylesheet" href="a.css" type="text/css">
</head>
<!-- 
css 有三种使用方式：行间式、内嵌式、外链式
优先级：行间式 > 其他。内嵌和外链式优先级相同，取决于上下位置。
-->
<body>
    <!-- 行间式 -->
    <div id="lineStyle" style="background:orange;">lineStyle</div>
    <div id="inner">inner</div>
    <div id="outer">outer</div>

    <!-- 
        设置宽高
    -->
    <div id="d2"></div>
</body>

</html>